const app = getApp();
Page({
    data:{
        delBtnWidth:180 //删除按钮宽度单位（rpx）
    },
    onLoad:function(options){
		//页面初始化 options为页面跳转所带来的参数
		this.initEleWidth();
    },
	onShow:function(){
		//页面显示
		this.tempData();
	},
	touchS:function(e){
		if(e.touches.length==1){
		    this.setData({
			    //设置触摸起始点水平方向位置
			    startX:e.touches[0].clientX
		    });
		}
	},
	touchM:function(e){
		if(e.touches.length == 1){
			//手指移动时水平方向位置
			var moveX = e.touches[0].clientX;
			//手指起始点位置与移动期间的差值
			var disX = this.data.startX - moveX;
			var delBtnWidth = this.data.delBtnWidth;
			var txtStyle = "";
			if(disX == 0 || disX < 0){
				//如果移动距离小于等于0，文本层位置不变
				txtStyle = "left:0px";
			}else if(disX > 0 ){
				//移动距离大于0，文本层left值等于手指移动距离
				txtStyle = "left:-"+disX+"px";
				if(disX>=delBtnWidth){
					//控制手指移动距离最大值为删除按钮的宽度
					txtStyle = "left:-"+delBtnWidth+"px";
				}
			}
			//获取手指触摸的是哪一项
			var index = e.currentTarget.dataset.index;
			var list = this.data.list;
			if(index >= 0){
				list[index].txtStyle = txtStyle; 
				//更新列表的状态
				this.setData({
				  list:list
				});
			}
		}
    },
	touchE:function(e){
		if(e.changedTouches.length == 1){
		    //手指移动结束后水平位置
		    var endX = e.changedTouches[0].clientX;
		    //触摸开始与结束，手指移动的距离
		    var disX = this.data.startX - endX;
		    var delBtnWidth = this.data.delBtnWidth;
		    //如果距离小于删除按钮的1/2，不显示删除按钮
		    var txtStyle = disX > delBtnWidth/2 ? "left:-"+delBtnWidth+"px":"left:0px";
		    //获取手指触摸的是哪一项
		    var index = e.target.dataset.index;
		    var list = this.data.list;
		    if(index >= 0){
				list[index].txtStyle = txtStyle;
				//更新列表的状态
				this.setData({
				  list:list
				});
		    }
		}
    },
	//获取元素自适应后的实际宽度
	getEleWidth:function(w){
		var real = 0;
		try{
		    var res = wx.getSystemInfoSync().windowWidth;
		    var scale = (750/2)/(w/2); //以宽度750px设计稿做宽度的自适应
		    real = Math.floor(res/scale);
		    return real;
		}catch(e){
		    return false;
		}
	},
	initEleWidth:function(){
		//获取删除按钮的宽度，并赋值给一个变量
		var delBtnWidth = this.getEleWidth(this.data.delBtnWidth);
		this.setData({
			delBtnWidth:delBtnWidth
		});
	},
	//点击删除按钮事件
	delItem:function(e){
		//获取列表中要删除项的下标
		var index = e.currentTarget.dataset.index;
		var carid = e.currentTarget.dataset.carid;
		var that  = this;
		var list  = this.data.list;
		//车辆删除
		app.request('/api/Parking/delCar', {carid:carid}, function(res){
			if(res.code == '0'){
				//移除列表中下标为index的项
				list.splice(index, 1);
				//更新列表的状态
				that.setData({
				   list:list
				});
			}else{
				wx.showToast({
					title:res.msg,
					icon:'none'
				})
			}
		});
	},
	tempData:function(){
		var that = this;
		//车辆列表
		app.request('/api/Parking/getCarList', {}, function(res){
			if(res.code == '0'){
				that.setData({
				   list:res.data
				});
			}
		});
	},
	onShareAppMessage(res){
		return{
			title:'四海唐人街-停车',
			path:'/pages/bindplate/bindplate',
			imageUrl:'/images/44.jpg'
		}
	}
})
